<!DOCTYPE html>
<!-- <html lang="en"> -->
    <html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Animated Login & Registration Form</title>
    <!-- 静态文件目录public -->
    <link rel="stylesheet" type="text/css" href="/stylesheets/login.css">
</head>

<body>
    <div class="container">
        <span></span>
        <span></span>
        <span></span>
        <form id="signinForm" action="/login/userLogin" method="post">
            <h2>用户 - 纯净水世界</h2>
            <div class="inputBox">
                <input type="text" placeholder="Username" name="Username">
            </div>
            <div class="inputBox">
                <input type="password" placeholder="Password" name="Password">
            </div>
            <div class="inputBox group">
                <a href="#">敬请期待</a>
                <a href="#" id="signup">我是管理员</a>
            </div>
            <div class="inputBox">
                <input type="submit" value="登录">
            </div>
        </form>

        <form id="signupForm" action="/login/adminLogin" method="post">
            <h2>管理员 - 纯净水世界</h2>
            <div class="inputBox">
                <input type="text" placeholder="Username" name="Username">
            </div>
            <div class="inputBox">
                <input type="password" placeholder="Password" name="Password">
            </div>
            <div class="inputBox">
                <input type="submit" value="登录">
            </div>
            <div class="inputBox group" style="padding-left: 80px;">
                <a href="#">手滑了 我是<b id="signin">用户</b></a>
            </div>
        </form>
    </div>
    <script>
        let signup = document.querySelector('#signup');
        let signin = document.querySelector('#signin');
        let body = document.querySelector('body');
        signup.onclick = function () {
            body.classList.add('signup');
        }
        signin.onclick = function () {
            body.classList.remove('signup');
        }
    </script>
</body>

</html>